<!DOCTYPE html>
<html lang="en">

<head>
<link rel="shortcut icon" href="images/favicon.php" />
<meta charset="UTF-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title>Queen Hotel</title>
<!-- ////////////////////////////////// -->
<!-- //      Start Stylesheets       // -->
<!-- ////////////////////////////////// -->
<link href="styles/style.css" rel="stylesheet" type="text/css" />
<link href="styles/color.css" rel="stylesheet" type="text/css" />
<link href="styles/inner.css" rel="stylesheet" type="text/css" />
<link href="styles/prettyPhoto.css" rel="stylesheet" type="text/css"  media="screen" title="prettyPhoto main stylesheet" />

<!-- ////////////////////////////////// -->
<!-- //      Javascript Files        // -->
<!-- ////////////////////////////////// -->
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>

<script type="text/javascript" src="js/hoverIntent.js"></script> 
<script type="text/javascript" src="js/superfish.js"></script> 
<script type="text/javascript" src="js/supersubs.js"></script>

<script type="text/javascript" src="js/ts-portfolio-fade.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>

<script type="text/javascript">
jQuery(document).ready(function(){

	//Menu
	jQuery("ul.sf-menu").supersubs({ 
	minWidth		: 12,		// requires em unit.
	maxWidth		: 14,		// requires em unit.
	extraWidth		: 3	// extra width can ensure lines don't sometimes turn over due to slight browser differences in how they round-off values
						   // due to slight rounding differences and font-family 
	}).superfish();  // call supersubs first, then superfish, so that subs are 
					 // not display:none when measuring. Call before initialising 
					 // containing tabs for same reason. 

	/* portfolio gallery */
	jQuery('a[data-rel]').each(function() {jQuery(this).attr('rel', jQuery(this).data('rel'));});
	jQuery("a[rel^='prettyPhoto']").prettyPhoto({animationSpeed:'slow',theme:'facebook', gallery_markup:'', slideshow:2000});

});
</script>
</head>
<body>

<div id="outer-container">
		
        <div id="wrapper-header">
        <div class="container">
            <div id="header">
                <div id="logo">
                	<span class="logo-l"></span>
                    <a href="index.php"><img src="images/logo.png" alt=""  /></a>
                    <span class="logo-r"></span>
                </div><!-- end logo -->
                <div class="clear"></div>
                
                <div id="nav-container">
                <div id="nav-main">
                    <div id="nav">
                        <ul id="topnav" class="sf-menu">
                            <li><a href="index.php">Home</a></li>
                            <li><a href="#">Rooms</a>
                                <ul>
                                    <li><a href="indo1.php">Indonesian Hotels 1</a></li>
                                    <li><a href="indo2.php">Indonesian Hotels 2</a></li>
                                    <li><a href="indo3.php">Indonesian Hotels 3</a></li>
                                    <li><a href="indo4.php">Indonesian Hotels 4</a></li>
                                    <li><a href="indo5.php">Indonesian Hotels 5</a></li>
                                    <li><a href="indo6.php">Indonesian Hotels 6</a></li>
                                    <li><a href="indo7.php">Indonesian Hotels 7</a></li>
                                    
                                </ul>
                            </li>
                            <li><a href="reservation.php">Reservations</a></li>
                            <li><a href="facilities.php">Facilities</a></li>
                            <li><a href="gallery.php">Gallery</a></li>                 
                            <li><a href="about.php">About</a></li>                 
							<li><a href="contact.php">Contact</a></li>

                        </ul><!-- end topnav -->
                    </div><!-- end nav -->	
                </div><!-- end nav-main -->
                </div><!-- end nav-container -->
            </div><!-- end header -->
       
        </div><!-- end container -->
		</div><!-- end wrapper-header --> 
        
        <div id="wrapper-content">
        <div class="container">
			<div id="content">
        	<div id="main">
            	<div id="maincontent" class="full">
           			<h1 class="pagetitle">Accomodations</h1>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vulputate egestas eros, non viverra massa ullamcorper id. Vivamus quis augue non felis imperdiet porttitor. Nunc nisl ligula, iaculis non adipiscing ac, congue vitae dui. Pellentesque et leo in ipsum ultricies faucibus. Aenean vitae arcu nulla, vitae aliquet ipsum. Sed at sem velit. Praesent varius, lectus vel sollicitudin tincidunt, purus mi euismod ipsum, ac fringilla augue enim vitae odio.</p>
                    <div id="ts-display-portfolio">
                        <ul id="ts-display-pf-col-3">
                            <li>
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/pf3-1.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf3-1.jpg" alt="" /></a>
                                </div>
                                <div class="ts-display-pf-text">
                                    <h2>Standart Room</h2>
                                    <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris facilisis fringilla ante non tincidunt. Fusce a lorem eu purus convallis lobortis quis vel libero.</p>
                                    <a href="accommodation-details.php" class="more">Read More</a>
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                            <li>
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/pf3-2.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf3-2.jpg" alt="" /></a>
                                </div>
                                <div class="ts-display-pf-text">
                                    <h2>Luxury Room</h2>
                                    <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris facilisis fringilla ante non tincidunt. Fusce a lorem eu purus convallis lobortis quis vel libero.</p>
                                    <a href="accommodation-details.php" class="more">Read More</a>
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                            <li class="nomargin">
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/pf3-3.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf3-3.jpg" alt="" /></a>
                                </div>
                                <div class="ts-display-pf-text">
                                    <h2>Family Room</h2>
                                    <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris facilisis fringilla ante non tincidunt. Fusce a lorem eu purus convallis lobortis quis vel libero.</p>
                                    <a href="accommodation-details.php" class="more">Read More</a>
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                            <li>
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/pf3-1.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf3-1.jpg" alt="" /></a>
                                </div>
                                <div class="ts-display-pf-text">
                                    <h2>VIP Room</h2>
                                    <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris facilisis fringilla ante non tincidunt. Fusce a lorem eu purus convallis lobortis quis vel libero.</p>
                                    <a href="accommodation-details.php" class="more">Read More</a>
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                            <li>
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/pf3-2.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf3-2.jpg" alt="" /></a>
                                </div>
                                <div class="ts-display-pf-text">
                                    <h2>Duluxe Room</h2>
                                    <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris facilisis fringilla ante non tincidunt. Fusce a lorem eu purus convallis lobortis quis vel libero.</p>
                                    <a href="accommodation-details.php" class="more">Read More</a>
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                            <li class="nomargin">
                                <div class="ts-display-pf-img">
                                    <a class="image" href="images/content/pf/pf3-3.jpg" data-rel="prettyPhoto[mixed]" >
                                    <span class="rollover"></span>
                                    <img src="images/content/pf/pf3-3.jpg" alt="" /></a>
                                </div>
                                <div class="ts-display-pf-text">
                                    <h2>Penthouse</h2>
                                    <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris facilisis fringilla ante non tincidunt. Fusce a lorem eu purus convallis lobortis quis vel libero.</p>
                                    <a href="accommodation-details.php" class="more">Read More</a>
                                </div>
                                <div class="ts-display-clear"></div>
                            </li>
                        </ul>
                    <div class="clear"></div><!-- clear float -->
                    </div><!-- end #ts-display-portfolio -->

                    <div class="clear"></div><!-- clear float -->
                </div><!-- end maincontent -->
                <div class="clear"></div><!-- clear float --> 
            </div><!-- end main -->
		</div><!-- end content -->
        </div><!-- end container -->
		</div><!-- end wrapper-content -->
        
        <div id="wrapper-footer">
        <div class="container">
            <div id="footer">
                <div id="main-footer">
                    <div class="footcol1">
                    <ul>
                        <li class="widget-container">
                            <h2 class="widget-title">Account</h2>
                            <ul>
                                <li><a href="#">Your Account</a></li>
                                <li><a href="#">Personal Information</a></li>
                                <li><a href="#">Addresses</a></li>
                                <li><a href="#">Order History</a></li>
                                <li><a href="#">Discount</a></li>
                            </ul>
                        </li>
                    </ul>
                    </div>
                    <div class="footcol2">
                        <ul>
                            <li class="widget-container">
                                <h2 class="widget-title">Our Hotel</h2>
                                <ul>
                                    <li><a href="#">New Product</a></li>
                                    <li><a href="#">Special Rooms</a></li>
                                    <li><a href="#">Guaranteed room availability</a></li>
                                    <li><a href="#">Complimentary Internet access</a></li>
                                    <li><a href="#">Suppliers</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="footcol3">
                        <ul>
                            <li class="widget-container">
                                <h2 class="widget-title">Promotion</h2>
                                <ul>
                                    <li><a href="#">Gift Cards</a></li>
                                    <li><a href="#">Delivery</a></li>
                                    <li><a href="#">Extended Service Plan</a></li>
                                    <li><a href="#">Customer Service</a></li>
                                    <li><a href="#">Returns</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="footcol4">
                    <ul>
                        <li class="widget-container">
                            <h2 class="widget-title">Information</h2>
                            <ul>
                                <li><a href="#">Search Terms</a></li>
                                <li><a href="#">Mobile</a></li>
                                <li><a href="#">Contact Us</a></li>
                                <li><a href="#">Advanced Service</a></li>
                                <li><a href="#">Site Map</a></li>
                            </ul>
                        </li>
                    </ul>
                    </div>
                    <div class="clear"></div>
                </div><!-- end main-footer -->
            </div><!-- end footer -->
        </div><!-- end container -->
        </div><!-- end wrapper-footer -->
           
        <div id="after-footer">
        <div class="container">
            <div id="copyright">
            Copyright &copy;2012 Queen Hotel. All Rights Reserved. Theme design by	<a href="http://templatesquare.com/" title="">
            TemplateSquare.com</a>
            </div>
            <div class="clear"></div>
        </div><!-- end container -->
        </div><!-- end after-footer -->
        

</div><!-- end outer-container -->
		
</body>

</html>
